<template>
    <view class="agreement-container">
        <view class="content">
            <template v-if="type === 'user'">
                <view class="section">
                    <view class="title">1. 服务协议的范围</view>
                    <view class="paragraph">
                        1.1 本协议是您与我们之间关于使用我们的产品和服务所订立的协议。
                    </view>
                    <view class="paragraph">
                        1.2 您在使用我们的服务时，应当遵守本协议。
                    </view>
                </view>
                
                <view class="section">
                    <view class="title">2. 账号注册与使用</view>
                    <view class="paragraph">
                        2.1 您承诺提供真实、准确、完整的注册信息。
                    </view>
                    <view class="paragraph">
                        2.2 您应当妥善保管账号和密码，对账号下的所有行为负责。
                    </view>
                </view>
                
                <view class="section">
                    <view class="title">3. 用户行为规范</view>
                    <view class="paragraph">
                        3.1 您应当遵守法律法规，不得利用我们的服务从事违法违规行为。
                    </view>
                    <view class="paragraph">
                        3.2 您不得利用我们的服务侵犯他人合法权益。
                    </view>
                </view>
            </template>
            
            <template v-else>
                <view class="section">
                    <view class="title">1. 信息收集</view>
                    <view class="paragraph">
                        1.1 我们收集的信息包括但不限于：您的手机号码、设备信息等。
                    </view>
                    <view class="paragraph">
                        1.2 我们承诺依法保护您的个人信息安全。
                    </view>
                </view>
                
                <view class="section">
                    <view class="title">2. 信息使用</view>
                    <view class="paragraph">
                        2.1 我们使用收集的信息用于：提供服务、改进产品、安全防护等。
                    </view>
                    <view class="paragraph">
                        2.2 未经您同意，我们不会向第三方分享您的个人信息。
                    </view>
                </view>
                
                <view class="section">
                    <view class="title">3. 信息保护</view>
                    <view class="paragraph">
                        3.1 我们采用业界标准的安全防护措施保护您的信息安全。
                    </view>
                    <view class="paragraph">
                        3.2 您有权访问、更正、删除您的个人信息。
                    </view>
                </view>
            </template>
        </view>
    </view>
</template>

<script>
export default {
    data() {
        return {
            type: '',
            title: ''
        }
    },
    
    onLoad(options) {
        this.type = options.type || 'user'
        this.title = options.title || '用户协议'
        // 动态设置页面标题
        uni.setNavigationBarTitle({
            title: this.title
        })
    }
}
</script>

<style lang="scss">
.agreement-container {
    padding: 30rpx;
    
    .content {
        .section {
            margin-bottom: 40rpx;
            
            .title {
                font-size: 32rpx;
                font-weight: bold;
                color: #333;
                margin-bottom: 20rpx;
            }
            
            .paragraph {
                font-size: 28rpx;
                color: #666;
                line-height: 1.6;
                margin-bottom: 16rpx;
                text-align: justify;
            }
        }
    }
}
</style> 